<template>
    <div id="app">
        <router-view />
        <!-- <div class="footer">
            <div @click="index = 1">
                <router-link to="/">
                    <i :class="index == 1 ? 'activebookshelf' : 'bookshelf'"></i>
                    <span>书架</span>
                </router-link>
            </div>
            <div @click="index = 2">
                <router-link to="/found">
                    <i class="found" :class="index == 2 ? 'activefound' : 'found'"></i>
                    <span>发现</span>
                </router-link>
            </div>
            <div @click="index = 3">
                <router-link to="/my">
                    <i class="my" :class="index == 3 ? 'activemy' : 'my'"></i>
                    <span>我的</span>
                </router-link>
            </div>
        </div> -->
    </div>
</template>

<script>
export default {
    // data() {
    //     return {
    //         index: 1,
    //     };
    // },
};
</script>

<style lang="scss" scoped>
@import url(./static/style/reset.css);
// .footer {
//     background-color: #fff;
//     position: fixed;
//     left: 0;
//     bottom: 0;
//     width: 100%;
//     height: 70px;
//     display: flex;
//     align-items: center;
//     padding: 10px 0;
//     border-top: 1px solid #f0f0f0;

//     div {
//         width: 33.3%;
//     }
//     a {
//         font-size: 14px;
//         color: #313131;
//         height: 100%;
//         display: block;
//         width: 50%;
//         margin: 0 auto;
//         text-align: center;

//         i {
//             display: block;
//             // background-color: red;
//             width: 30px;
//             height: 30px;
//             margin: 0 auto;
//             background-repeat: no-repeat;
//             background-size: 100%;
//         }

//         .bookshelf {
//             background-image: url(@/assets/shujia.png);
//         }

//         .found {
//             background-image: url(@/assets/faxian.png);
//         }

//         .my {
//             background-image: url(@/assets/wode.png);
//         }

//         .activebookshelf {
//             background-image: url(@/assets/shujia2.png);
//         }

//         .activefound {
//             background-image: url(@/assets/faxian2.png);
//         }

//         .activemy {
//             background-image: url(@/assets/wode2.png);
//         }
//     }
// }
</style>
